<template>
  <!-- <i :class="isFullScren?'icon-tuichuquanping':'icon-quanping'"
     @click="handleScreen"></i> -->
     <svg class="icon" aria-hidden="true" @click="handleScreen" style="margin-top:15px">
       <use v-bind:xlink:href="isFullScren?'#ali-icon-tuichuquanping':'#ali-icon-quanping'"></use>
     </svg>
</template>
<script>
import { mapGetters } from "vuex";
import { fullscreenToggel, listenfullscreen } from "utils/util";
export default {
  computed: {
    ...mapGetters(["isFullScren"])
  },
  mounted () {
    listenfullscreen(this.setScreen);
  },
  methods: {
    setScreen () {
      this.$store.commit("SET_FULLSCREN");
    },
    handleScreen () {
      fullscreenToggel();
    },
  }
}
</script>